<template>
  <div class="index">
    <div style="padding: 0.2rem 0.3rem; position: relative; background: #1989fa; height: 0.9rem;" class="flexcc">
    	<div style="position: absolute; left: 0.3rem; top: 0rem; height: 100%;" class="flexc"><van-icon name="arrow-left" size="0.3rem" style="font-weight: bold;" @click="back()" color="#fff" /></div>
    	<div style="color: #fff;  font-weight: bold;">消息详情</div>
    </div>

    <div style="padding: 0.3rem;">
      <div class="flex">
        <!-- <div><img src="../../../img/1.png" style="width: 1rem; border-radius: 0.5rem;"></div> -->
        <div>
          <div>通知消息</div>
          <div style="margin-top: 0.1rem; color: #999; font-size: 12px;">{{detail.fssj}}</div>
        </div>
      </div>
      <div style="margin-top: 0.5rem;">{{detail.nr}}</div>

    </div>
  </div>
</template>

<script>
  var h = document.documentElement.clientWidth / 7.5 + 'px';
  document.documentElement.style.fontSize = h;
	export default {
		name: 'index',
		data() {
			return {
         detail:"",
			}
		},
		created() {
      this.getlist()
		},
		mounted() {

		},
		methods: {
      getlist:function(){
        axios.get('/Message/queryMessageDetail?xxid='+this.$route.query.id).then((response)=>{
        	if (response.data.state == 200) {
            this.detail = response.data.data
        	} else {
            vant.Toast(response.data.msg);
        	}
        })
      }
    }
	}
</script>

<style scoped lang="less">

</style>
